
<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="zh-CN">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="zh-CN">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="zh-CN">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Zynblog | 个人博客</title>
    <!-- 设置关键词、描述 -->
    <meta content="Zynblog是张亚楠的个人技术博客，包含机器学习、数据挖掘、网络舆情、编程算法等领域" name="description">
    <meta content=" 技术博客,网络舆情,MVC, 机器学习、数据挖掘" name="keywords">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 设置关键词、描述结束 -->
    <!--如果有高版本IE，则用高版本渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   
    <!--百度收录验证-->
    <meta name="baidu-site-verification" content="bY5TQ10hMJ" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<script type="text/javascript" src="${pageContext.request.contextPath}/page/third/jquery-1.11.3.min.js"></script>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/page/third/bootstrap/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/page/third/bootstrap/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/page/third/bootstrap/css/bootstrap-responsive.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/page/third/bootstrap/js/bootstrap.min.js"></script>
    <!--bootstrap修改了一点内容-->
    <link rel="icon" href="/Content/images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/Content/images/favicon.ico" type="image/x-icon" />

     <link href="/Content/css/csss?v=6wR850r6b2106tVfOsHkFnZYI8o2pkL10kgpz9CSFno1" rel="stylesheet"/>


     

     <script src="/ZynBlog/Script?v=k468esTKaVwsWl0cVjZOXlucvOdmtbqO5ToAqqIdYrE1"></script>

     
    <script type="text/javascript">
        $(function () {
            jQuery('#home').addClass('active');

            //该函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求，
            //如果对应的选项参数没有设置，将使用更改后的默认设置。
            jQuery.ajaxSetup({ cache: false });

            //1.0 加载博客列表
            loadArtList("?pageIndex=1&pageSize=7");
        });

        //2.0 加载首页博客列表
        function loadArtList(queryParameter) {

            jQuery.ajax({
                type:"GET",
                url:"/Home/WrapArtList/"+ 0 +queryParameter,
                dataType:"json",
                beforeSend:function(){
                    jQuery('#loading').css("text-align","center");
                    jQuery('#loading').slideDown(); //缓冲图标缓慢展示
                },
                success:function(data){
                    if (data.Status == "1") {
                        jQuery('#loading').slideUp('fast');  //缓冲图标向上隐藏
                        //jQuery('#loading').remove();
                        //1.0 组装首页博文列表
                        var len = data.CoreData.length;
                        for (var i = 0; i < len; i++) {
			     var strArticle = ' ';
                             if(i==0){
			 	strArticle = '<article class="excerpt excerpt-first">';
			     }else if(i==len-1){
				strArticle = '<article class="excerpt excerpt-end">';
			     }else{
				strArticle = '<article class="excerpt">';
			     }
                            
                            //博文标题
                            strArticle += '<header>';
                            strArticle += '<a class="cat" href="#">' + data.CoreData[i].CategoryName + '<i></i></a>';
                            strArticle += '<h2><a class="gotoArchive" href=\"/Archives/Index/' + data.CoreData[i].Id + '\" title=\"' + data.CoreData[i].Title + '\">' + data.CoreData[i].Title + '</a></h2>';
                            strArticle += '</header>';
                            //-标题下的tips小信息
                            strArticle += '<p class="meta">';
                            strArticle += '<span class="posttime">' + data.CoreData[i].SubTime + '</span>';
                            strArticle += '<span class="viewnum">浏览(<a href="#">' + data.CoreData[i].ViewCount + '</a>)</span>';
                            strArticle += '<span class="commentnum">评论(<a href="/Archives/Index/'+data.CoreData[i].Id+'#comments-title">' + data.CoreData[i].CommentCount + '</a>)</span>';
                            strArticle += '<span class="praisebtn">  <img width="15" height="15" class="praisenum" src="/Content/images/ico_praise.png" />(<a data-id=\"'+data.CoreData[i].Id+'\" praise-flag="0"  href="/">' + data.CoreData[i].Digg + '</a>)</span>';
                            strArticle += '</p>';
                            //正文:默认显示90个汉字或180个英文(后台已处理)
                            strArticle += '<p class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + data.CoreData[i].Contents + '....</p>';
                            //关键词：<!--最多显示3个-->
                            strArticle += '<footer class="entry-footer">';
                            strArticle += '<span itemprop="keywords" class="tags-links">';//<!--itemprop属性就是方便机器识别的特定的标记-->
                            //最开始把for里面的变量也写为了i所以浏览器停止运行了；使用前先判断一下keywords是否为空
                             var keywordslen = data.CoreData[i].Keywords.length;
                            if (data.CoreData[i].Keywords && keywordslen != 0) {
                                for (var j = 0; j < keywordslen; j++) {
                                    strArticle += '<a rel="tag" href="/">' + data.CoreData[i].Keywords[j] + '</a>';
                                }
                            }
                            strArticle += '</span>';
                            strArticle += '<a class="more-link gotoArchive" rel="nofollow" href=\"/Archives/Index/' + data.CoreData[i].Id + '\">继续阅读 »</a>';
                            strArticle += '</footer>';
                            strArticle += '</article>';

                            //附加
                            jQuery("#article-list").append(strArticle);
                        }

                        //2.1 组装分页插件
                        jQuery('.pagination ul').html(data.PageNavStr);

                        //2.2 为分页按钮注册点击事件
                        jQuery('.pagination ul a').click(function () {
                            var strHref = jQuery(this).attr("href");
                            var queryStr = strHref.substr(strHref.indexOf('?'));

                            jQuery("#article-list article").remove();
                            jQuery(".pagination ul li").remove(); //将li元素全清空
                            $body.animate({ scrollTop: '0px' }, 500); //65是"n条评论的高度"

                            loadArtList(queryStr);

                            return false;  //不执行href
                        });
		       
			//onload完了之后再去七牛请求这些大图片
			jQuery('#wxlook').attr('src','/Content/images/weixin.png');
                        jQuery('.author-avatar img').each(function () {
                      	 	 var url = jQuery(this).attr('data-url');
                      		 jQuery(this).attr('src', url);
                        });

                        //新浪天气
                        var url = "http://sapi.sina.cn/ls/allasync?ver=3";
                        jQuery.ajax({
                            url: url,
                            type: "get",
                            timeout: 60000,
                            dataType: "jsonp",
                            success: function (record, type) {
                                var d = eval(record);
                                var img = d.retData.weather.icon_v3; //图标 icon icon_v3
                                var city = d.retData.weather.city;
                                var up = d.retData.weather.up;
                                var down = d.retData.weather.down;

                                var e = jQuery("#tweather");
                                if (img){
				    e.empty();
			            var tips = "If you don't bird me,I won't bird you,too.";
				    e.append(tips + "<div id='wicon' class='pull-right' style='margin-right:5px'><img src='" + img + "' width=20 height=20 />&nbsp;" + city + "&nbsp; " + down + "&nbsp;~&nbsp;" + up + "℃</div>");
				}
                                     
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                            }
                        });
                    }
                }
            });
        };
    </script>


    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?33404e49b0dcf2b9235821f92da9cbe6";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    
    <script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
    </script>

    <!--[if lt IE 9]>
          <script src="/Content/js/ie/modernizr-2.6.2.js></script>
          <script src="/Content/js/ie/respond.min.js></script>
          <script src="/Content/js/ie/html5shiv.js></script>
    <![endif]-->

</head>

<body class="nav-fixed">
    <!--顶部静态导航-->
<!--导航条 navbar-fixed-top：固定在顶部。navbar-default：白色的背景黑色的字。navbar-inverse：黑色的背景加白色的字；-->
<!--role="navigation"为了增强可访问性(和浏览器的兼容性)，加上 role="navigation" 属性。方便bootstrap中js处理导航条的显示样式.-->
<nav id="zyn-header" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <!--.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。-->
        <!--Logo Brand-导航条的页头,bootstrap中的一个带有图标的标签, 然后这里也是在移动端, 就是小于768设备显示的效果 -->
        <div class="navbar-header">
            <!--小屏显示 显示内容指向.bs-navbar-collapse -->
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse" aria-expanded="false">
                <span class="sr-only">导航条</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="/">
                <div class="navbar-brand">  </div>
            </a>
        </div>

        <!--导航条 3.这部分也是移动端折叠的部分, 也是为了能够更好的展现页面在移动端. -->
        <div class="collapse navbar-collapse" id="bs-navbar-collapse">
            <ul class="nav navbar-nav top-navbar-nav">
                <li id="home">
                    <a class="toplevel" title="zynblog首页" href="/">
                        <span class="glyphicon glyphicon-home"></span> 主页
                    </a>
                </li>
                <li id="aboutme" class="dropdown ">
                    <a href="/About" class="dropdown-toggle toplevel" role="button" aria-haspopup="true" aria-expanded="false">
                        <span class="glyphicon glyphicon-info-sign"></span> 关于本站
                    </a>
                </li>
                <li id="leavemsg" class="dropdown ">
                    <a href="/LeaveMsg" class="dropdown-toggle toplevel" role="button" aria-haspopup="true" aria-expanded="false">
                        <span class="glyphicon glyphicon-send"></span> 留言墙
                    </a>
                </li>
            </ul>

            
            <script type="text/javascript">
                $(function () {
                    $('#searchWords').on('keydown', function (e) {
                        var key = e.which;
                        if (key == 13) {
                            e.preventDefault();
                            var words = $('#searchWords').val();
                            words = $.trim(words);
                            if (words == ' ' || words == null || words == undefined) {
                                alert('请输入搜索词');
                            } else {
                                $('#searchform').submit();
                            }
                        }
                        return false;
                    });
                });
            </script>
            <form id="searchform" class="navbar-form navbar-right" role="search" target="_blank" method="get" action="/Search/Index">
                <div class="form-group">
                    <input type="text" id="searchWords" name="searchWords" class="form-control" data-provide="typeahead" autocomplete="off" placeholder="请输入要搜索关键词">
                </div>
                <button type="submit" class="btn"  id="searchbtn">
                    搜索
                </button>
            </form>
        </div>
    </div>
</nav>  

    <!--主体内容-->
    <div id="zyn-bodyer">
        <div class="container">
            <!--.container 类用于固定宽度并支持响应式布局的容器。-->
            <div class="row">
                <!--row必须包含在.container（固定宽度）或 .container-fluid （100% 宽度）中,通过row在水平方向创建一组column12个-->
                <!--主体-->
                <div id="mainbody" class="col-md-8">
                    <div id="ie-warning" class="alert alert-danger fade in">
                        <button type="button" class="close" data-dismiss="alert">×</button>
                        <span class="glyphicon glyphicon-exclamation-sign"></span> 请注意，ZynBlog并不支持低于IE8的浏览器，为了获得最佳效果，推荐使用FireFox浏览器。
                    </div>
                    <!-- 内容主体 包含三部分内容：1.每日提示、2.文章列表、3. 分页条-->
                    



<div class="well fade in daytips" style="padding:15px;background-color: #f9f9f9;">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <div id="tweather" style='line-height:20px'>
         
    </div>
</div>


<div id="article-list">
    <div id="loading">
        <img width="32" height="32" src="/Content/images/ico_loading2.gif" />
    </div>
</div>


<div class="pagination">
    <!--pagation本来就是BootStrap的类，现在用的是自定义的Bootstrap类-->
    <ul></ul>
</div>








   
                </div>

                <!--右侧边栏:大概包含五部分内容：1.关注我、2.目录分类、3.热门文章、4.最新评论、5.标签云或友情链接-->
                <aside class="col-md-4" id="sidebar">
                    
<aside>
    <div class="panel panel-zyn hidden-xs">
        <div class="panel-heading">
            <span class="glyphicon glyphicon-user newicon"></span> 夜无痕
        </div>
        <div class="panel-body" style="padding:10px;font-size: 15px; line-height: 1.5;">
            <div>
                <div style="width:150px;text-align:center;font-size:14px;float:left;">
                    <img id="wxlook" class="img-responsive" style="margin-right:5px"  width="145" height="145" alt="微信扫一扫" title="打开微信扫一扫">
                    微信扫一扫
                </div>
                <div style="text-indent:2em;">
                    <p >
                        这是一个程序员的独立博客站，主要用于分享与编程技术相关的内容，
                        同时这里也是博主记录工作学习中遇到的问题及其解决方案的地方。
                        PS:夜无痕:非著名程序员，IT界的一名小学生。目前在研究网络舆情、复杂网络、机器学习等...
                        更多信息请点击：<a target="_blank" href="/About" style="color:#1abc9c">关于本站.</a>
                    </p>
                </div>
            </div>
        </div>
        <hr style="margin:0 0 10px 0" />
        <div class="gzwm">
            <ul>
                <li><a class="github" href="https://github.com/CoderHi" target="_blank" title="GitHub"></a></li>
                <li><a class="xlwb" href="http://weibo.com/u/2298628981" target="_blank" title="新浪微博"></a></li>
                <li><a class="douban" href="https://www.douban.com/people/zyn_" target="_blank" title="豆瓣"></a></li>
                <li><a class="twitter" href="http://www.twitter.com/" title="推特"></a></li>
            </ul>
        </div>
    </div>
</aside>

    <aside id="doc_category">
        <div class="panel panel-zyn hidden-xs">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-tags newicon"></span> 文以类聚
            </div>
            <div class="d_tags">
                        <a href="/Home/Index/1">
                            ASP.NET MVC   (8)
                        </a>
                        <a href="/Home/Index/3">
                            开源工具  (5)
                        </a>
                        <a href="/Home/Index/4">
                            前端  (11)
                        </a>
                        <a href="/Home/Index/5">
                            网络舆情  (1)
                        </a>
                        <a href="/Home/Index/6">
                            复杂网络  (0)
                        </a>
                        <a href="/Home/Index/7">
                            推荐系统  (1)
                        </a>
                        <a href="/Home/Index/8">
                            机器学习  (0)
                        </a>
                        <a href="/Home/Index/9">
                            Python  (0)
                        </a>
                        <a href="/Home/Index/10">
                            Matlab  (0)
                        </a>
                        <a href="/Home/Index/11">
                            软件工程  (1)
                        </a>
                        <a href="/Home/Index/12">
                            Java  (0)
                        </a>
                        <a href="/Home/Index/13">
                            C/C++  (0)
                        </a>
                        <a href="/Home/Index/14">
                            算法  (0)
                        </a>
            </div>
        </div>
    </aside>

  
    <aside id="hot_article">
        <div class="panel panel-zyn hidden-xs">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-leaf newicon"></span> 炙手可热
                <span class="panel-remove glyphicon glyphicon-remove-circle"></span>
                <span class="panel-toggle glyphicon glyphicon-upload"></span>
            </div>
          
              <ul class="list-group list-group-flush">

                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/1" title="开篇">
                                开篇
                            </a>
                        </span>
                        <span class="badge">532</span>
                    </li>
                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/2" title="如何使用Bootstrap typeahead插件实现搜索框自动补全">
                                如何使用Bootstrap typeahead插件实现搜索框自动补全
                            </a>
                        </span>
                        <span class="badge">231</span>
                    </li>
                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/3" title="使用Lucene对分词结果进行倒排索引 ">
                                使用Lucene对分词结果进行倒排索引 
                            </a>
                        </span>
                        <span class="badge">112</span>
                    </li>
                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/31" title="怎么让百度蜘蛛快速收录自己的网站">
                                怎么让百度蜘蛛快速收录自己的网站
                            </a>
                        </span>
                        <span class="badge">78</span>
                    </li>
                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/30" title="在IIS8上部署网站时如何设置使用域名和IP均可访问：">
                                在IIS8上部署网站时如何设置使用域名和IP均可访问：
                            </a>
                        </span>
                        <span class="badge">71</span>
                    </li>
                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/29" title="使用腾讯云主机windows server 2012 IIS8部署ASP.NET MVC后访问出错:未能加载文件或程序集System.Web.Http.WebHost ">
                                使用腾讯云主机windows server 2012 IIS8部署ASP.NET MVC后访问出错:未能加载文件或程序集System.Web.Http.WebHost 
                            </a>
                        </span>
                        <span class="badge">67</span>
                    </li>
                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/12" title="ASP.NET MVC 分页Helper">
                                ASP.NET MVC 分页Helper
                            </a>
                        </span>
                        <span class="badge">63</span>
                    </li>
                    <li class="list-group-item">
                        <span class="post-title">
                            <a href="/Archives/Index/6" title="jQuery插件开发的两种常用方式">
                                jQuery插件开发的两种常用方式
                            </a>
                        </span>
                        <span class="badge">54</span>
                    </li>
                </ul>
            </div>
        </aside>
  

    <aside id="zyn_latest_comments-2">
        <div class="panel panel-zyn hidden-xs">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-tree-deciduous newicon"></span> 雁过留声
                <span class="panel-remove glyphicon glyphicon-remove-circle"></span>
                <span class="panel-toggle glyphicon glyphicon-upload"></span>
            </div>
            <ul class="list-group list-group-flush">
                    <li class="list-group-item">
                        <span class="author-avatar">
                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193403551984838925605.jpg" class="avatar avatar-40 photo" height="40" width="40">
                        </span>
                        <span class="comment-log">
                            <a href="/Archives/Index/22#comments-title">
                                我自己现在也想搭自己的博客，已经把框架搭好了，想和您交流交流。如果愿意，可以回复我的邮箱哈哈，谢谢
                            </a>
                        </span>
                    </li>
                    <li class="list-group-item">
                        <span class="author-avatar">
                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193403823874164195469.jpg" class="avatar avatar-40 photo" height="40" width="40">
                        </span>
                        <span class="comment-log">
                            <a href="/Archives/Index/2#comments-title">
                                发现一个页面Bug，不知道是否有意这样设计，望修复
http://pan.kzwr.com/kzwrfs?fid=d80e3aea4009426dab74772e8eb91a0f.jpg
                            </a>
                        </span>
                    </li>
                    <li class="list-group-item">
                        <span class="author-avatar">
                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193403823874164195469.jpg" class="avatar avatar-40 photo" height="40" width="40">
                        </span>
                        <span class="comment-log">
                            <a href="/Archives/Index/2#comments-title">
                                IoC还是不太懂怎么玩，是一种什么样的思想，什么业务环境用更合适
                            </a>
                        </span>
                    </li>
                    <li class="list-group-item">
                        <span class="author-avatar">
                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193404334289496306423.jpg" class="avatar avatar-40 photo" height="40" width="40">
                        </span>
                        <span class="comment-log">
                            <a href="/Archives/Index/2#comments-title">
                                的法规规定发给对方
                            </a>
                        </span>
                    </li>
                    <li class="list-group-item">
                        <span class="author-avatar">
                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193404588990362861900.jpg" class="avatar avatar-40 photo" height="40" width="40">
                        </span>
                        <span class="comment-log">
                            <a href="/Archives/Index/1#comments-title">
                                学习学习
                            </a>
                        </span>
                    </li>
                    <li class="list-group-item">
                        <span class="author-avatar">
                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193404087401697493516.jpg" class="avatar avatar-40 photo" height="40" width="40">
                        </span>
                        <span class="comment-log">
                            <a href="/Archives/Index/1#comments-title">
                                alert(1);
                            </a>
                        </span>
                    </li>

            </ul>
        </div>
    </aside>

  

<aside id="tag_cloud">
    <div class="panel panel-zyn hidden-xs">
        <div class="panel-heading">
            <span class="glyphicon glyphicon-cloud newicon"></span> 上上签儿
        </div>
        <div id="tagbox">
            <a href="#" title="4个话题" style="color:#f76b70;font-size: 12.897959183673pt;">ASP.NET MVC</a>
            <a href="#" title="18个话题" style="color:#eab035;font-size: 20pt;">Zynblog</a>
            <a href="#" title="1个话题" style="color:#0094ff;font-size: 14pt;">非典型程序猿</a>
            <a href="#" title="2个话题" style="color:#be5bc1;font-size: 10.204081632653pt;">C#</a>
            <a href="#" title="4个话题" style="color:#f76b70;font-size: 12.897959183673pt;">javascript</a>
            <a href="#" title="2个话题" style="color:#be5bc1;font-size: 10.204081632653pt;">jQuery</a>
            <a href="#" title="1个话题" style="color:#0094ff;font-size: 14pt;">设计模式</a>
            <a href="#" title="1个话题" style="color:#23f0c9;font-size: 8pt;">Python</a>
            <a href="#" title="2个话题" style="color:#be5bc1;font-size: 10.204081632653pt;">Bootstrap</a>
            <a href="#" title="3个话题" style="color:#cba879;font-size: 11.673469387755pt;">Java</a>
            <a href="#" title="18个话题" style="color:#eab035;font-size: 20pt;">机器学习</a>
            <a href="#" title="1个话题" style="color:#0094ff;font-size: 14pt;">非著名程序员</a>
            <a href="#" title="1个话题" style="color:#23f0c9;font-size: 8pt;">数据挖掘</a>
            <a href="#" title="3个话题" style="color:#cba879;font-size: 11.673469387755pt;">分布式</a>
            <a href="#" title="1个话题" style="color:#23f0c9;font-size: 8pt;">C/C++</a>
            <a href="#" title="3个话题" style="color:#cba879;font-size: 11.673469387755pt;">前端</a>
            <a href="#" title="2个话题" style="color:#be5bc1;font-size: 10.204081632653pt;">推荐系统</a>
            <a href="#" title="4个话题" style="color:#f76b70;font-size: 12.897959183673pt;">大数据</a>
            <a href="#" title="18个话题" style="color:#eab035;font-size: 20pt;">Zynblog</a>
            <a href="#" title="1个话题" style="color:#0094ff;font-size: 14pt;">数据分析</a>
            <a href="#" title="1个话题" style="color:#23f0c9;font-size: 8pt;">复杂网络</a>
            <a href="#" title="3个话题" style="color:#cba879;font-size: 11.673469387755pt;">舆情分析</a>
        </div>
    </div>
</aside>

                </aside>
            </div>
        </div>
    </div>

    <!--页脚版权声明-->
    <footer id="zyn-footer">
        <div class="container">
            Copyright © 2016 <a href="#">zynblog</a>&nbsp; | &nbsp;联系我 :
            <a href="mailto:zynblog@126.com">zynblog@126.com</a>&nbsp; | &nbsp;All Rights Reserved.&nbsp; | &nbsp;豫ICP备16019396号-1
        </div>
    </footer>

    <!--回到顶部-->
    <div class="rollbar" style="display: block;">
        <ul>
            <li>
                <a href="/">
                    <img  width="64" height="64" src="/Content/images/ico-rocket.png" />
                    
                </a>
            </li>
        </ul>
    </div>


    

</body>
</html>
